<script setup lang="ts">
import { onMounted, ref } from 'vue';

const el = ref<null | HTMLInputElement>(null)

onMounted(() => {
  // 1. 可选链  如果没有值直接返回undefined 不再往后操作
  console.log(el.value?.value)
  // 可选链操作符没法赋值
  // 2. 使用逻辑判断
  if (el.value) {
    el.value.value = 'vue3变个值'
  }
  // 3. 非空断言  一定要确定不为空
  el.value!.value = '我是非空断言'
})

</script>

<template>
  <div class="app-page">
    <input type="text" ref="el" value="vue3真滴简单">
  </div>
</template>

<style lang="scss" scoped></style>
